<template>
  <view>
    <u-navbar
      :is-back="true"
      back-icon-color="#f6f6f6"
      title="互动消息"
      title-color="#f6f6f6"
      :background="navBackground"
    ></u-navbar>
    <view class="empty-box" :style="{ height: windowHeight + 'px' }">
      <view>
        <image
          src="https://nightowl.top/static/images/icons/empty.png"
          mode="widthFix"
        ></image>
        <view>暂时还没有收到新消息哦~ </view>
      </view>
    </view>
  </view>
</template>

<script>
let app = getApp();
export default {
  data() {
    return {
      navBackground: app.globalData.navBackground,
      windowHeight: 0,
    };
  },
  onLoad() {
    uni.getSystemInfo({
      success: (res) => {
        this.windowHeight = res.windowHeight;
      },
    });
    console.log('消息页面被加载~');
  },
};
</script>

<style>
.empty-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60%;
  margin: 0px auto;
  margin-top: -100rpx;
  text-align: center;
  color: #6c6c6c;
}

.empty-box image {
  width: 100%;
  margin-bottom: 60rpx;
}
</style>
